<template>
  <div>
    <el-form size="small" ref="searchForm" :model="searchForm" label-width="90px" label-position="right">
      <el-row :gutter="30">
        <el-col :span="8">
          <!-- 应聘部门 -->
          <el-form-item label="应聘部门">
            <el-input v-model="searchForm.department"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <!-- 工作地 -->
          <el-form-item label="工作地">
            <el-input v-model="searchForm.workpplace"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <!-- 当前处理人 -->
          <el-form-item label="当前处理人">
            <el-input v-model="searchForm.dealing"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <!-- 发起日期 -->
          <el-form-item label="发起日期">
            <el-date-picker type="date" v-model="searchForm.startDate" style="width:100%"></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <!-- 到达日期 -->
          <el-form-item label="到达日期">
            <el-date-picker type="date" v-model="searchForm.endDate" style="width:100%"></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
import {Form, Row, Col, FormItem, Input, DatePicker} from 'element-ui'
  export default {
    components: {
      [Form.name]: Form,
      [Row.name]: Row,
      [Col.name]: Col,
      [FormItem.name]: FormItem,
      [Input.name]: Input,
      [DatePicker.name]: DatePicker,
    },
    data () {
      return {
        searchForm: {

        }
      }
    }
  }
</script>

<style>

 
</style>
